<script setup>
//路由导入
import { ref } from 'vue';
import { RouterLink } from 'vue-router';

//导入pinia数据


</script>

<template>
    <div class="tbTitle"  >
        <table class="tbStyle" >
        <tr>
            
            
            <td class="tbCommon"><RouterLink to="/page/classes" class="RaLink">学生班级相关页面</RouterLink></td>
            <td class="tbCommon"><RouterLink to="/page/info" class="RaLink">学生信息页面相关</RouterLink></td>
            <td class="tbCommon"><RouterLink to="/page/examination" class="RaLink">学生考试管理相关页面</RouterLink></td>
            <td class="tbCommon"><RouterLink to="/page/score" class="RaLink">学生分数管理相关页面</RouterLink></td>
            <td class="tbCommon"><RouterLink to="/page/subject" class="RaLink">学生课程相关页面</RouterLink></td>
            
        </tr>
    </table>
    </div>
</template>

<style>
     .tbStyle{
        background-color: burlywood;
        width: 100%; 
    }
    .tbCommon{
        width:15%;
        height:48px;
    }
    .RaLink{
        text-decoration: none;
        color: rgb(90, 85, 38);
    }
    /**
        鼠标悬浮设置
    */
     .tbCommon:hover{
        
        background-color:rgb(21, 204, 107) ;
    }
    .tbCommon:active{
        background-color:crimson ;
    }
    


</style>